<template>
  <div id="su_search" class="content_search">
			<span>您是否在找:</span>
			<ul class="su_search"> 
				<li v-for="(search,n) of labelarr" :key=n>
					<router-link :to="`/picturelabel/${homekeywords}/${search.Sdid}`">{{search.title}}</router-link>
				</li>
			</ul>
		</div>
</template>
<script>
export default {
  props:['homekeywords','labelarr']
}
</script>
<style scoped>
.content_search span{
  display: block;
  width: 100px;
  font-size:12px;
  line-height:1;
  margin:auto 0;
  margin-right:10px;
  color:rgb(170, 166, 166);
}
.content_search ul{
  height:20px;
  width:1082px;
}
.content_search ul li{
  line-height:15px;

}
.content_search li.active a{
  color:#f00;
  background-color:#fff;
  border:1px solid rgb(242, 242, 242);
  border-radius: 4px;

}
.content_search a{
  padding:0px 7px;
  margin:auto 10px;
  font-size:10px;
  line-height:15px;
  color:rgb(109, 108, 108);
  border:1px solid #fff;
}
.content_search a:hover{
  text-decoration:none;
  color:#f00;
  border:1px solid #fff;
  border-radius: 4px;
}
#su_search .su_search{
	background:#fff;
  display:flex;
}
</style>